<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>360商城</title>

    <link rel="stylesheet" href="./font_mt9f7pcuxis/iconfont.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./public/weibu. cdcss">
</head>

<script>

</script>
<body id="body">
    <!-- nav头部 -->
    <div id="nav">
        <div class="nav-jz">
            <div class="jz-lft">
                <a href="">帮助中心</a>
                <a href="">收藏</a>
                <a href="">360官网</a>
                <a href="">360智慧生活</a>
            </div>
            <div class="jz-rig">
                <a href="login.html">登录</a>
                <a href="register.html">注册</a>
                <a href="./cart.html">
                    <i class="iconfont" id="diyigejs">     &#xf0179;    </i></a>
                
           
                <div class="diyigejs1">
                    您的购物车还没有商品，赶紧去选购吧！
                </div>
            </div>

        </div>
    </div>
    <!-- 360商城 -->
    <div id="header">
        <h1 class="logo">
            <img src="./imgs/logo.png" alt="">
            <span><a href="">新品推荐</a></span>
            <span><a href="">热卖榜单</a></span>
        </h1>
        <div class="search-box">

            <div class="search" id="list">
                <input type="text" id="txt">
                <button class="sousuo">
                    <i class="iconfont">&#xe633;
                </button>
    
            </div>
            <ul class="list-r list" id="list">
            </ul>
        </div>
        <div class="search-suggest-list">
            <a href="" class="suggest-item">记录仪</a>
            <a href="" class="suggest-item">摄像机</a>
            <a href="" class="suggest-item">路由器</a>
            <a href="" class="suggest-item">耳机</a>
            <a href="" class="suggest-item">扫地机</a>
            <a href="" class="suggest-item">智能手表</a>
        </div>
    </div>



    <!-- 二级菜单加轮播图 -->
    <div class="banner-a">
        <div class="banner">
            <div id="gui">
                <div class="guild">
                    <a href="lby.html" id="quanbu">
                        <h2>全部...</h2>
                    </a>
                    <ul id="guild-a">
                        <li class="active"><a href="">家庭安防</a></li>
                        <li><a href="">安全路由</a></li>
                        <li><a href="">智能手表</a></li>
                        <li><a href="">汽车用品</a></li>
                        <li><a href="">扫地机器人</a></li>
                        <li><a href="">影音生活</a></li>
                        <li><a href="">生态产品</a></li>
                    </ul>
                    <div class="cont">
                        <div class="conts">
                            <a href=""><img src="https://p4.ssl.qhimg.com/t012e56acec4dba8ef1.webp" alt="" title="摄像机">
                                <span>&nbsp;&nbsp;&nbsp;摄像机</span></a>
                            <a href=""><img src="https://p2.ssl.qhimg.com/t01fa592def38519950.webp" alt=""
                                    title="门铃"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;门铃</span></a>
                            <a href=""><img src="https://p3.ssl.qhimg.com/t01b9d21e5df924ae5c.webp" alt=""
                                    title="存储卡"><span>存储卡</span></a>
                            <a href=""><img src="https://p2.ssl.qhmsg.com/dr/180_180_/t01ca885c0d9f8d3d54.webp" alt=""
                                    title="云录卡"><span>云录卡</span></a>
                            <a href=""><img src="https://p1.ssl.qhimg.com/t011aaa597207d8cfff.webp" alt=""
                                    title="配件"><span>&nbsp;&nbsp;&nbsp;&nbsp;配件</span></a>
                        </div>
                        <div class="conts">
                            <a href=""><img src="https://p4.ssl.qhimg.com/t01eced31e1fcaa88a5.webp" alt=""
                                    title="路由器"><span>路由器</span></a>

                        </div>
                        <div class="conts">
                            <a href=""><img src="https://p2.ssl.qhimg.com/t01302f09dd5f95f197.webp" alt=""
                                    title="智能手表"><span>智能手表</span></a>
                            <a href=""><img src="https://p3.ssl.qhimg.com/t011f6f0d83cca03b89.webp" alt=""
                                    title="配件"><span>&nbsp;&nbsp;&nbsp;配件</span></a>
                        </div>
                        <div class="conts">
                            <a href=""><img src="https://p0.ssl.qhimg.com/t01e702a604cb3fd77a.webp" alt=""
                                    title="记录仪"><span>记录仪</span></a>
                            <a href=""><img src="https://p0.ssl.qhimg.com/t016556fb82ca2418ef.webp" alt=""
                                    title="安全座椅"><span>安全座椅</span></a>
                            <a href=""><img src="https://p0.ssl.qhimg.com/t0175fe4b6d168dc8c3.webp" alt=""
                                    title="胎压监测"><span>胎压监测</span></a>
                            <a href=""><img src="https://p2.ssl.qhimg.com/t0144063bdbbd730288.webp" alt=""
                                    title="存储卡"><span>存储卡</span></a>
                            <a href=""><img src="https://p3.ssl.qhimg.com/t01489c5de834ace308.webp" alt=""
                                    title="配件"><span>&nbsp;&nbsp;&nbsp;配件</span></a>
                        </div>
                        <div class="conts">
                            <!-- <p>主机</p>  -->
                            <a href=""><img src="https://p4.ssl.qhimg.com/t0102457b51f6baa1f0.webp" alt=""
                                    title="X95礼盒版"><span>X95礼盒版</span></a>
                            <a href=""><img src="https://p1.ssl.qhimg.com/t01b5d68afc6e774ede.webp" alt=""
                                    title="C50"><span> &nbsp;&nbsp; &nbsp;C50</span></a>
                            <a href=""><img src="https://p1.ssl.qhimg.com/t0174e15b118d375a36.webp" alt=""
                                    title="X100 MAX"><span>X100 MAX</span></a>
                            <!-- <p>配件</p> -->
                            <a href=""><img src="https://p4.ssl.qhimg.com/t01c758ff78f8922d6a.webp" alt=""
                                    title="X100配件"><span>X100配件</span></a>
                            <a href=""><img src="https://p1.ssl.qhimg.com/t0154697a7b3bd651a0.webp" alt=""
                                    title="X90/X95配件"><span>X90/X95配件</span></a>
                            <a href=""><img src="https://p3.ssl.qhimg.com/t01984caaf0b65b2ad4.webp" alt=""
                                    title="S5/S7/S7Pro配件"><span>S5/S7/S7Pro配件</span></a>
                            <a href=""><img src="https://p2.ssl.qhimg.com/t01e08e19c5042a7f63.webp" alt=""
                                    title="C50配件"><span>C50配件</span></a>
                            <a href=""><img src="https://p2.ssl.qhimg.com/t0103ac6851f7879157.webp" alt=""
                                    title="90配件"><span>T90配件</span></a>
                        </div>
                        <div class="conts">
                            <a href=""><img src="https://p4.ssl.qhimg.com/t018697979488b68fa3.webp" alt=""
                                    title="无线耳机"><span>无线耳机</span></a>
                            <a href=""><img src="https://p3.ssl.qhimg.com/t01a1b05a4db639487e.webp" alt=""
                                    title="运动耳机"><span>运动耳机</span></a>
                        </div>
                        <div class="conts">
                            <a href=""><img src="https://p4.ssl.qhimg.com/t01c556607512d7ddee.webp" alt=""
                                    title="平衡车"><span>平衡车</span></a>
                            <a href=""><img src="https://p0.ssl.qhimg.com/t012e792aedceda1472.webp" alt=""
                                    title="手写板"><span>手写板</span></a>
                            <a href=""><img src="https://p0.ssl.qhimg.com/t01a95eb063af2d05c5.webp" alt=""
                                    title="其它"><span>&nbsp;&nbsp;&nbsp;&nbsp;其它</span></a>

                        </div>
                    </div>
                </div>
            </div>

        </div>

    </div>

    <!--  -->

    <div class="activity floor foor1">
        <p>热门活动</p>
        <div class="title ">
            <a href=""><img src="imgs/luyouqi.webp" alt="" class="title-a"></a>
            <a href=""><img src="imgs/huishenghuo.webp" alt=""></a>
            <a href=""><img src="imgs/wangpai.webp" alt=""></a>
            <a href=""><img src="imgs/xinping.webp" alt=""></a>
        </div>
    </div>
    <div class="title-b floor foor2">
        <a href=""><img src="imgs/qiche.webp" alt=""></a>
    </div>

    <!-- 产品介绍 -->

    <div class="mod-column">
        <div class="column">
            <h3>家庭安防<a href="list.html"> 全部&gt;&gt;</a>
        </div>
        <div class="column-img">
            <div class="column-img-a">
                <a href="" class="column-img-1"><img src="imgs/shexiang1.webp" alt=""></a>

                <a href="" class="column-img-2 ">
                    <div class="top-label label-orange">新品</div>
                    <div>
                        <img src="imgs/shexiang2.webp" alt="">
                    </div>
                    <p class="name">优享 智能摄像机云台7P超清版 AP1PA3【预计5月6日发货】</p>
                    <p class="desc" title="400万超清全景 一键呼叫家人 微光全彩夜视">400万超清全景 一键呼叫家人 微光全彩夜视</p>
                    <p class="price">
                        <span class="cur-price">￥299</span>
                    </p>
                </a>

                <a href="" class="column-img-2 ">
                    <div class=" label-orange"></div>
                    <div>
                        <img src="imgs/shexiang3.webp" alt="">
                    </div>
                    <p class="name">优享 智能摄像机云台7C超清版 AP2CA3</p>
                    <p class="desc" title="声光主动防御 升级400万像素">声光主动防御 升级400万像素</p>
                    <p class="price">
                        <span class="cur-price">￥299</span>
                    </p>
                </a>

                <a href="" class="column-img-2 ">
                    <div class=" label-orange"></div>
                    <div>
                        <img src="imgs/shexiang4.webp" alt="">
                    </div>
                    <p class="name">优享 可视门铃D819 赠送两天循环永久云录</p>
                    <p class="desc" title="手机远程随时查看 与门外人视频通话 逗留报警">360智能摄像头3C云台电池版AB2L</p>
                    <p class="price">
                        <span class="cur-price">￥299</span>
                        <span class="old-price"><s>￥499</s></span>

                    </p>
                </a>

                <a href="" class="column-img-2">
                    <div class=" label-orange"></div>
                    <div>
                        <img src="imgs/shexiang5.webp" alt="">
                    </div>
                    <p class="name">优享 智能摄像头3C云台电池版AB2L</p>
                    <p class="desc" title="">4告别电源线 看护更方便</p>
                    <p class="price">
                        <span class="cur-price">￥299</span>
                        <span class="old-price"><s>￥499</s></span>
                    </p>
                </a>

                <a href="" class="column-img-2 ">
                    <div class=" label-orange"></div>
                    <div>
                        <img src="imgs/shexiang6.webp" alt="">
                    </div>
                    <p class="name">优享 智能摄像机云台5P触联2K版 AP1PA2</p>
                    <p class="desc" title="300万像素 一键呼叫家人 微光全彩夜视">300万像素 一键呼叫家人 微光全彩夜视</p>
                    <p class="price">
                        <span class="cur-price">￥249</span>
                    </p>
                </a>

                <a href="" class="column-img-2  ">
                    <div class=" label-orange"></div>
                    <div>
                        <img src="imgs/shexiang7.webp" alt="360 TF存储卡 64GB  V30  TF64">
                    </div>
                    <p class="name">优享 TF存储卡 64GB V30 TF64</p>
                    <p class="desc" title="360摄像机及行车记录仪适用">4360摄像机及行车记录仪适用</p>
                    <p class="price">
                        <span class="cur-price">￥69</span>
                        <span class="old-price"><s>￥99</s></span>
                    </p>
                </a>

            </div>
        </div>
    </div>

    <!-- 路由器 -->
    <div class="title-b floor foor3">
        <a href=""><img src="imgs/sao.webp" alt=""></a>
    </div>



    <div class="mod-column">
        <div class="column">
            <h3>安全路由<a href="list.html"> 全部&gt;&gt;</a>
        </div>
        <div class="column-img">
            <div class="column-img-a">
                <a href="" class="column-img-1"><img src="imgs/lu1.webp" alt=""></a>

                <a href="" class="column-img-2 ">

                    <div>
                        <img src="imgs/lu2.webp" alt="">
                    </div>
                    <p class="name">优享 WiFi6 路由器V6G</p>
                    <p class="desc" title="AX1800跑满千兆宽带">AX1800跑满千兆宽带</p>
                    <p class="price">
                        <span class="cur-price">￥269</span>
                    </p>
                </a>

                <a href="" class="column-img-2 ">
                    <div class=" label-orange"></div>
                    <div>
                        <img src="imgs/lu3.webp" alt="">
                    </div>
                    <p class="name">优享 家庭防火墙路由器V5</p>
                    <p class="desc" title="360 家庭防火墙路由器V5">360 家庭防火墙路由器V5</p>
                    <p class="price">
                        <span class="cur-price">￥89</span>
                        <span class="old-price"><s>￥199</s></span>
                    </p>
                </a>

                <a href="" class="column-img-2 ">
                    <div class=" label-orange"></div>
                    <div>
                        <img src="imgs/lu4.webp" alt="">
                    </div>
                    <p class="name">优享 WiFi6 全屋路由V6 单只装</p>
                    <p class="desc" title="全千兆网口">全千兆网口</p>
                    <p class="price">
                        <span class="cur-price">￥469</span>


                    </p>
                </a>

                <a href="" class="column-img-2">
                    <div class=" label-orange"></div>
                    <div>
                        <img src="imgs/lu5.webp" alt="">
                    </div>
                    <p class="name">优享 家庭防火墙路由器V5S 增强版</p>
                    <p class="desc" title="双频全千兆 双核CPU">双频全千兆 双核CPU</p>
                    <p class="price">
                        <span class="cur-price">￥369</span>

                    </p>
                </a>

                <a href="" class="column-img-2 ">
                    <div class=" label-orange"></div>
                    <div>
                        <img src="imgs/lu6.webp" alt="">
                    </div>
                    <p class="name">优享 家庭防火墙路由器V5X</p>
                    <p class="desc" title="游戏加速 告别延迟卡顿">游戏加速 告别延迟卡顿</p>
                    <p class="price">
                        <span class="cur-price">￥299</span>
                        <span class="old-price"><s>￥499</s></span>
                    </p>
                </a>

                <a href="" class="column-img-2  ">
                    <div class=" label-orange"></div>
                    <div>
                        <img src="imgs/lu7.webp" alt="360 TF存储卡 64GB  V30  TF64">
                    </div>
                    <p class="name">优享 家庭防火墙路由器5Pro</p>
                    <p class="desc" title="高增益六天线 双频CPU">高增益六天线 双频CPU</p>
                    <p class="price">
                        <span class="cur-price">￥399</span>

                    </p>
                </a>

            </div>
        </div>
    </div>



    <!-- 行车安全 -->
    <div class="title-b floor foor4">
        <a href=""><img src="imgs/xingcheanquan.webp" alt=""></a>
    </div>



    <div class="mod-column">
        <div class="column">
            <h3>行车安全<a href="list.html"> 全部&gt;&gt;</a>
        </div>
        <div class="column-img">
            <div class="column-img-a">
                <a href="" class="column-img-1"><img src="imgs/xin1.webp" alt=""></a>

                <a href="" class="column-img-2 ">
                    <div class="top-label label-orange">新品</div>
                    <div>
                        <img src="imgs/xin2.webp" alt="">
                    </div>
                    <p class="name">优享 行车记录仪 隐藏式G300 3K</p>
                    <p class="desc" title="能拍清车牌的行车记录仪">能拍清车牌的行车记录仪</p>
                    <p class="price">
                        <span class="cur-price">￥449</span>
                    </p>
                </a>

                <a href="" class="column-img-2 ">
                    <div class="top-label label-orange">新品</div>
                    <div>
                        <img src="imgs/xin3.webp" alt="">
                    </div>
                    <p class="name">优享 车载充气泵Q3</p>
                    <p class="desc" title="移动充气站 自由充气不受“线”">移动充气站 自由充气不受“线”</p>
                    <p class="price">
                        <span class="cur-price">￥199</span>

                    </p>
                </a>

                <a href="" class="column-img-2 ">
                    <div class=" label-orange"></div>
                    <div>
                        <img src="imgs/xin4.webp" alt="">
                    </div>
                    <p class="name">优享 行车记录仪全面屏后视镜M320</p>
                    <p class="desc" title="2K大片级录制 超高清流媒体 9.35英寸全面屏">2K大片级录制 超高清流媒体 9.35英寸全面屏</p>
                    <p class="price">
                        <span class="cur-price">￥469</span>


                    </p>
                </a>

                <a href="" class="column-img-2">
                    <div class=" label-orange"></div>
                    <div>
                        <img src="imgs/xinche5.webp" alt="">
                    </div>
                    <p class="name">优享 行车记录仪G300 Pro</p>
                    <p class="desc" title="超清摄像头 能拍清车牌的记录仪">超清摄像头 能拍清车牌的记录仪</p>
                    <p class="price">
                        <span class="cur-price">￥139</span>
                        <span class="old-price"><s>￥179</s></span>
                    </p>
                </a>

                <a href="" class="column-img-2 ">
                    <div class=" label-orange"></div>
                    <div>
                        <img src="imgs/xinche6.webp" alt="">
                    </div>
                    <p class="name">超清摄像头 能拍清车牌的记录仪</p>
                    <p class="desc" title="2K高清录影 专业级夜视 4G高速互联">2K高清录影 专业级夜视 4G高速互联</p>
                    <p class="price">
                        <span class="cur-price">￥299</span>
                        <span class="old-price"><s>￥379</s></span>
                    </p>
                </a>

                <a href="" class="column-img-2  ">
                    <div class=" label-orange"></div>
                    <div>
                        <img src="imgs/shexiang7.webp" alt="360 TF存储卡 64GB  V30  TF64">
                    </div>
                    <p class="name">优享 行车记录仪G580红色双路版</p>
                    <p class="desc" title="2K高清纪录你的行车生活">2K高清纪录你的行车生活</p>
                    <p class="price">
                        <span class="cur-price">￥179</span>
                        <span class="old-price"><s>￥199</s></span>
                    </p>
                </a>
            </div>
        </div>
    </div>

    <!-- 扫地机器人 -->
    <div class="title-b floor foor5">
        <a href=""><img src="imgs/fanhuoqiang.webp" alt=""></a>
    </div>



    <div class="mod-column">
        <div class="column">
            <h3>扫地机器人<a href="list.html"> 全部&gt;&gt;</a>
        </div>
        <div class="column-img">
            <div class="column-img-a">
                <a href="" class="column-img-1"><img src="imgs/saodi1.webp" alt=""></a>

                <a href="" class="column-img-2 ">
                    <div class="top-label label-orange">新品</div>
                    <div>
                        <img src="imgs/saodi2.webp" alt="">
                    </div>
                    <p class="name">优享手持洗地机 F100</p>
                    <p class="desc" title="吸拖洗消4合1 干湿垃圾一遍干净">吸拖洗消4合1 干湿垃圾一遍干净</p>
                    <p class="price">
                        <span class="cur-price">￥2899</span>
                        <span class="old-price"><s>￥3499</s></span>
                    </p>
                </a>

                <a href="" class="column-img-2 ">
                    <div class="label-orange"></div>
                    <div>
                        <img src="imgs/saodi3.webp" alt="">
                    </div>
                    <p class="name">优享 智能扫地机器人X100 MAX</p>
                    <p class="desc" title="三目激光雷达矩阵 隐藏雷达 超薄机身">三目激光雷达矩阵 隐藏雷达 超薄机身</p>
                    <p class="price">
                        <span class="cur-price">￥2799</span>
                        <span class="old-price"><s>￥3299</s></span>

                    </p>
                </a>

                <a href="" class="column-img-2 ">
                    <div class=" label-orange"></div>
                    <div>
                        <img src="imgs/saodi4.webp" alt="">
                    </div>
                    <p class="name">优享扫地机器人X95礼盒版</p>
                    <p class="desc" title="2650Pa大吸力 清扫省时高效">2650Pa大吸力 清扫省时高效</p>
                    <p class="price">
                        <span class="cur-price">￥1899</span>
                        <span class="old-price"><s>￥2799</s></span>

                    </p>
                </a>

                <a href="" class="column-img-2">
                    <div class=" label-orange"></div>
                    <div>
                        <img src="imgs/saodi5.webp" alt="">
                    </div>
                    <p class="name">优享 扫地机器人X100-主刷</p>
                    <p class="desc" title="主刷1条装">主刷1条装</p>
                    <p class="price">
                        <span class="cur-price">￥59</span>

                    </p>
                </a>

                <a href="" class="column-img-2 ">
                    <div class=" label-orange"></div>
                    <div>
                        <img src="imgs/saodi6.webp" alt="">
                    </div>
                    <p class="name">优享扫地机器人X100-尘盒过滤网</p>
                    <p class="desc" title="滤网2片装">滤网2片装</p>
                    <p class="price">
                        <span class="cur-price">￥49</span>

                    </p>
                </a>

                <a href="" class="column-img-2  ">
                    <div class=" label-orange"></div>
                    <div>
                        <img src="imgs/saodi7.webp" alt="360 TF存储卡 64GB  V30  TF64">
                    </div>
                    <p class="name">优享 扫地机器人X100-可水洗拖布</p>
                    <p class="desc" title="拖布2片装">拖布2片装</p>
                    <p class="price">
                        <span class="cur-price">￥39</span>

                    </p>
                </a>
            </div>
        </div>
    </div>

    <!-- 手表 -->
    <div class="title-b floor foor6 floor">
        <a href=""><img src="imgs/shoubiao.webp" alt=""></a>
    </div>



    <div class="mod-column">
        <div class="column">
            <h3>扫地机器人<a href="list.html"> 全部&gt;&gt;</a>
        </div>
        <div class="column-img">
            <div class="column-img-a">
                <a href="" class="column-img-1"><img src="imgs/shoubiao1.webp" alt=""></a>

                <a href="" class="column-img-2 ">
                    <div class="top-label label-orange">爆款</div>
                    <div>
                        <img src="imgs/shoubiao2.webp" alt="">
                    </div>
                    <p class="name">优享 儿童手表9X</p>
                    <p class="desc" title="20米游泳级防水">20米游泳级防水</p>
                    <p class="price">
                        <span class="cur-price">￥359</span>
                        <span class="old-price"><s>￥379</s></span>
                    </p>
                </a>

                <a href="" class="column-img-2 ">
                    <div class="label-orange"></div>
                    <div>
                        <img src="imgs/shoubiao3.webp" alt="">
                    </div>
                    <p class="name">优享 儿童手表8XS</p>
                    <p class="desc" title="超强续航的4G视频电话手表">超强续航的4G视频电话手表</p>
                    <p class="price">
                        <span class="cur-price">￥289</span>
                        <span class="old-price"><s>￥329</s></span>

                    </p>
                </a>

                <a href="" class="column-img-2 ">
                    <div class=" label-orange"></div>
                    <div>
                        <img src="imgs/shoubiao4.webp" alt="">
                    </div>
                    <p class="name">优享 儿童手表Kido B2版</p>
                    <p class="desc" title="2G电话手表 双向通话">2G电话手表 双向通话</p>
                    <p class="price">
                        <span class="cur-price">￥269</span>
                        <span class="old-price"><s>￥299</s></span>

                    </p>
                </a>

                <a href="" class="column-img-2">
                    <div class=" label-orange"></div>
                    <div>
                        <img src="imgs/shoubiao5.webp" alt="">
                    </div>
                    <p class="name">优享 儿童手表P1Pro</p>
                    <p class="desc" title="高清双摄新升级">高清双摄新升级</p>
                    <p class="price">
                        <span class="cur-price">￥549</span>
                        <span class="old-price"><s>￥599</s></span>
                    </p>
                </a>

                <a href="" class="column-img-2 ">
                    <div class=" label-orange"></div>
                    <div>
                        <img src="imgs/shoubiao6.webp" alt="">
                    </div>
                    <p class="name">优享 儿童手表Kido S2 </p>
                    <p class="desc" title="500万超清前后双摄">500万超清前后双摄</p>
                    <p class="price">
                        <span class="cur-price">￥999</span>
                        <span class="old-price"><s>￥1099</s></span>
                    </p>
                </a>

                <a href="" class="column-img-2  ">
                    <div class=" label-orange"></div>
                    <div>
                        <img src="imgs/shoubiao7.webp" alt="360 TF存储卡 64GB  V30  TF64">
                    </div>
                    <p class="name">优享 儿童手表S1</p>
                    <p class="desc" title="十一重AI定位 200w+500w双摄像头">十一重AI定位 200w+500w双摄像头</p>
                    <p class="price">
                        <span class="cur-price">￥598</span>
                        <span class="old-price"><s>￥999</s></span>
                    </p>
                </a>
            </div>
        </div>
    </div>

    <!--生态互联 -->
    <div class="title-b foor foor7">
        <a href=""><img src="imgs/fanhuoqiang.webp" alt=""></a>
    </div>

    <div class="xiabu">

    </div>


    <!-- 商品列表 -->


    <!-- 楼层加选项卡 -->
    <div class="lc-xzk">
        <div class="lc-xzk">
            <span class="bbb">热门活动</span>
            <span class="bbb">家庭安防</span>
            <span class="bbb">安全路由</span>
            <span class="bbb">行车安全</span>
            <span class="bbb">扫地机器人</span>
            <span class="bbb">智能守护</span>
            <span class="bbb">生态互联</span>
            <span class="bbb">更多商品</span>
        </div>
    </div>


    

   <!-- 尾部结束 -->
     <div class="zuihou">

     </div>


     <!-- 搜索下拉 -->
     <div class="sous">

     </div>
</body>
<script src="../www/js/index.js"></script>
<script src="./libs/jquery.js"></script>
<script src="./libs/jquery.banner.js"></script>
<script src="./js/ajax.js"></script>
<script src="./libs/banner.js"></script>

<script>


    const osous = document.querySelector(".sous")
    const otxt = document.getElementById("txt")
    const obody = document.getElementById("body")

 
     otxt.onmouseover = function(){
         
            osous.style.display = "block"  
     }
     otxt.onmouseout = function(){
         
         osous.style.display = "none"  
  }
    // 搜索下拉菜单
    const url = "https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su";
    otxt.oninput = function () {
        if (this.value === "") {
            olist.innerHTML = "";
            return;
        }

        // 处理要想百度发送的数据
        const str = `wd=${this.value}&cb=ajshfgsajdg`;
        // 创建script标签，将数据拼接到url，准备jsonp请求
        const script = document.createElement("script");
        script.src = url + "?" + str;
        document.body.appendChild(script);

        window.ajshfgsajdg = function (res) {
            // console.log(res.s);
            let str = "";
            for (let i = 0; i < res.s.length; i++) {
                str += `<li>${res.s[i]}</li>`
            }
            osous.innerHTML = str;
        }
    }

    // 加载下
    // $(".xiabu").load("http://localhost:3000/public/xiabutup.html .xiabu")

    // 加载尾部
    $(".zuihou").load("http://localhost:3000/public/weibu.html .weibu")
    // 楼层
    $(".lc-xzk").children("span").click(function () {
        $("html").stop().animate({
            scrollTop: $(".floor").eq($(this).index()).offset().top
        })
    })

    // 二级菜单
    $(function () {

        $("#gui").find("li").hover(function () {
            $(".cont").children(".conts").show();
        }, function () {
            $(".cont").children(".conts").hide();
        })

    })


    // 选项卡
    let ospan = document.querySelector(".bbb")
    let zt = 1;
    ospan.onclick = function () {
        if (zt === 1) {
            ospan.style.background = "red";
            zt = 0;
        } else if (zt === 0) {
            ospan.style.background = "none";
            zt = 1;
        }

    }

  


</script>

</html>